<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <title tal:content="pageTitle">Titulo de la Pagina</title>
    <link rel="stylesheet"  href="${CSSDIR}style.css" type="text/css" media="screen" />
</head>
<body>
<div id="container">
        <div id="header">
            <img src="${IMGDIR}logo_app.png" alt="Logo" />
        </div>
        <div id="content">
            <div id="menu"> 
                <div id="menu1" class="myconfig"> 
                    <h3><a href="">Administrador <span><img src="${IMGDIR}menu_open.png" /></span></a></h3>
                        <ul>
                            <li><a href="">Cambiar Clave</a></li>
                            <li><a href="">Mi Configuración</a></li>
                        </ul>
                </div>
                <div id="menu2" class="item">
                    <h3><a href="">Ventas <span><img src="${IMGDIR}menu_open.png" /></span></a></h3>
                        <ul>
                            <li><a href="${LISTCLIENTS}" title="Productos">Clientes</a>
                                <ul>
                                    
                                    <li><a href="${ADDCLIENT}" title="Agregar Cliente"><span><img src="${IMGDIR}add.png" alt="Agregar Cliente" /></span></a></li>
                                    <li><a href="${LISTCLIENTS}" title="Listado de Clientes"><span><img src="${IMGDIR}list.png" alt="Listado de Clientes" /></span></a></li>
                                </ul>
                            </li>
                            <li><a href="${LISTINVOICES}" title="Facturas">Facturas</a>
                                <ul>
                                    
                                    <li><a href="${ADDINVOICE}" title="Agregar Producto"><span><img src="${IMGDIR}add.png" alt="Agregar Producto" /></span></a></li>
                                    <li><a href="${LISTPRODUCTS}" title="Listado de Productos"><span><img src="${IMGDIR}list.png" alt="Listado de Facturas" /></span></a></li>
                                </ul>
                            </li>
                            <li><a href="${LISTPRODUCTS}" title="Productos">Productos</a>
                                <ul>
                                    
                                    <li><a href="${ADDPRODUCT}" title="Agregar Producto"><span><img src="${IMGDIR}add.png" alt="Agregar Producto" /></span></a></li>
                                    <li><a href="${LISTPRODUCTS}" title="Listado de Productos"><span><img src="${IMGDIR}list.png" alt="Listado de Productos" /></span></a></li>
                                </ul>
                            </li>
                        </ul>
                </div>
                <div id="menu3" class="item">
                    <h3><a href="">Configuración <span><img src="${IMGDIR}menu_open.png" /></span></a></h3>
                        <ul>
                            <li><a href="" title="Listar Usuarios">Usuarios</a>
                                <ul>
                                    
                                    <li><a href="${ADDUSER}" title="Agregar Usuario"><span><img src="${IMGDIR}add.png" alt="Agregar Usuario" /></span></a></li>
                                    <li><a href="${LISTUSERS}" title="Listar Usuarios"><span><img src="${IMGDIR}list.png" alt="Listar Usuarios" /></span></a></li>
                                </ul>
                            </li>
                        </ul>
                </div>
            </div>
            <div id="result">
                <div id="path"><a href="">Issnicio</a> > <a href="">Configuración</a> > <a href="">Usuarios</a> > <a href="">Listado de Usuarios</a> </div>
                <div class="form">
                    <h2 tal:content="actionTitle">titulo de la acción que se esta ejecutando</h2>
                    <div class="error" tal:condition="actionError" tal:content="actionError"></div>
                    <div class="" tal:condition="successMessage" tal:content="successMessage"></div>
                   
                    <form method="post">
                        <h3>Datos Basicos</h3>
                        <div class="fila">
                            <p id="filaError1" class="errorRow" tal:condition="exists:actionErrors/userType" tal:content="actionErrors/userType" >Error 1</p>
	                        <label for="idType">Tipo de Identificación</label>     
	                        <div id="campo1" class="campo">
		                        <select id="idType" name="idType">
		                            <option tal:repeat="idType params/idTypes" 
		                            tal:attributes="selected idType/selected; value idType/value" 
		                            tal:content="idType/name">
		                            </option>
		                        </select>
	                        </div>
                        </div>
                        <div class="fila">
                            <p id="filaError2" class="errorRow" tal:condition="exists:actionErrors/clientId" tal:content="actionErrors/clientId" >Error 2</p>

	                        <label>Número de Identificación</label>                  
	                        <input id="clientId" name="clientId" maxlength="" size="" type="text" value="" tal:attributes="value params/clientId | default; "/><br/>
                            <div id="ayuda1" class="ayuda">Número del <span>documento de identidad del Cliente</span> que va a ingresar al sistema.</div>
                        </div>
                        <div class="fila">
                            <p id="filaError3" class="errorRow" tal:condition="exists:actionErrors/name" tal:content="actionErrors/name" >Error 3</p>
                            <label>Nombre</label>
                            <input id="name" name="name" maxlength="" size="" type="text" value="" tal:attributes="value params/name | default;"/><br/>
                        </div>
                        <div class="fila">
                            <p id="filaError4" class="errorRow" tal:condition="exists:actionErrors/lastName" tal:content="actionErrors/lastName" >Error 4</p>

                            <label>Apellidos</label>
                            <input id="lastName" name="lastName" maxlength="" size="" type="text" value="" tal:attributes="value params/lastName | default"/><br/>
                        </div>
                        <div class="fila">
                            <p id="filaError5" class="errorRow" tal:condition="exists:actionErrors/email" tal:content="actionErrors/email" >Error 5</p>
                        
                            <label>Email</label>
                            <input id="email" name="email" maxlength="" size="" type="text" value="" tal:attributes="value params/email  | default"/><br/>
                        </div>
                        <div class="fila">
                            <p id="filaError5" class="errorRow" tal:condition="exists:actionErrors/phone" tal:content="actionErrors/phone" >Error 5</p>
                        
                            <label>Teléfono</label>
                            <input id="phone" name="phone" maxlength="" size="" type="text" value="" tal:attributes="value params/phone  | default"/><br/>
                        </div>
                        <div class="fila">
                            <p id="filaError5" class="errorRow" tal:condition="exists:actionErrors/address" tal:content="actionErrors/address" >Error 5</p>
                        
                            <label>Dirección</label>
                            <input id="address" name="address" maxlength="" size="" type="text" value="" tal:attributes="value params/address  | default"/><br/>
                        </div>
                        <div class="boton">
                        <input id="submit" name="submit" type="submit" value="Crear Usuario" class="enviar"/>
                        </div>
                    </form>
                    
                </div>
            </div>  
        </div>
        <div id="footer">UNAL - Ingenieria de Software - 2011
        </div>
    </div>
</body>
</html>
